<template>
   <div>
       <div class="FortuneCenter_die">
           <div></div>
           <div>
              <div v-for="(item,index) in valueItem" :key="index" @click="navGitto(index)">
                  <div>
                      <img :src="item.imgSrc" alt="">
                      <span>{{item.name}}</span>
                  </div>
                  <div>
                      <img src="http://www.zhaoshengku.net/wx-xz.png" alt="">
                  </div>
              </div>
           </div>
       </div>
   </div>
</template>

<script>
export default {
 data(){
   return {
      valueItem:[
        {
          "imgSrc":"http://www.zhaoshengku.net/wx-haoyouone.png",
          "name":"邀请好友",
        },
        {
          "imgSrc":"http://www.zhaoshengku.net/wx-qb.png",
          "name":"我的钱包",
        }
      ],
      yemianName:["InviteFriends","moneybag"]
   }
 },
 methods:{
   navGitto(e){
      wx.navigateTo({
         url: '/pages/'+this.yemianName[e]+'/main',
      })
   }
 },
 mounted(){
    // 设置头
    wx.setNavigationBarTitle({
      title: "财富中心"
    });
 }
}
</script>

<style scoped>
.FortuneCenter_die>div:nth-child(1){
  width: 100%;
  height: 10rpx;
  background: #dddddd;
}
.FortuneCenter_die>div:nth-child(2){
  padding-left: 34rpx;
  padding-right: 31rpx;
}
.FortuneCenter_die>div:nth-child(2)>div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 110rpx;
  line-height: 110rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #dddddd;
}
.FortuneCenter_die>div:nth-child(2)>div>div:nth-child(1)>img{
  width: 44rpx;
  height: 44rpx;
  margin-right: 32rpx;
}
.FortuneCenter_die>div:nth-child(2)>div>div:nth-child(1)>span{
  font-size:34rpx;
  font-weight:400;
  color:rgba(0,0,0,1);
}
.FortuneCenter_die>div:nth-child(2)>div>div:nth-child(1){
  display: flex;
  align-items: center;
}
.FortuneCenter_die>div:nth-child(2)>div>div:nth-child(2)>img{
  width: 12rpx;
  height: 22rpx;
}
</style>
